/**
 * Created by hgq on 2017/2/15.
 */
import React,{Component} from 'react';
import {AppRegistry,Text,TextInput,View} from 'react-native';

class TextInputTranslator extends Component{
    constructor(props){
        super(props);
        this.state = {text:''};
    }
    render(){
        return(
            <View style={{padding:10}}>
                <TextInput
                    style={{height:40}}
                    placeholder='Type here to trsanlate'
                    onChangeText={(text) => this.setState({text})}
                />
                <Text style={{padding:10,fontSize:42}}>
                    {this.state.text.split(' ').map((word) => word && '我').join(' ')}
                </Text>
            </View>
        )
    }
}
export default TextInputTranslator;